<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 引入bootstrap css -->
    <link rel="stylesheet" href="../lib/css/bootstrap.css">
    <!-- 引入模板页css -->
    <link rel="stylesheet" type="text/css" media="screen" href="../css/model.css" />
    <link rel="stylesheet" href="../css/category.css">
</head>

<body>
    <!-- 头部开始 -->
    <header>
        <div class="logo">
            <div class="logo_con"></div>
            <a href="javascript:;" class="download"><img src="../images/header_app.png" alt=""></a>
        </div>
        <div class="search">
            <input type="text" name="" placeholder="请输入你想比价的商品">
            <span>搜索</span>
        </div>
    </header>
    <!-- 头部结束 -->

    <ul>
        <!-- <li class="category">
            <div class="categorytitle">
                <h4>大家电</h4>
                    <span class="glyphicon glyphicon-menu-right"></span>
            </div>
            <div class="categorycon active">
                <a href="javascript:;">电视</a>
                <a href="javascript:;">电视</a>
                <a href="javascript:;">电视</a>
                <a href="javascript:;">电视</a>
                <a href="javascript:;">电视</a>
            </div>
        </li> -->
    </ul>
    <!-- 底部开始 -->
    <footer>
        <div class="footer_nav">
            <a href="javascript:;">登录</a>
            <a href="javascript:;">注册</a>
            <div class="go_top">
                <span class="glyphicon glyphicon-arrow-up"></span>
                <a href="javascript:scroll(0,0)">返回顶部</a>
            </div>
        </div>
        <div class="footer_con">
            <p><a href="javascript:;">手机APP下载</a>慢慢卖手机版--掌上比价平台</p>
            <p>m.manmanbuy.com</p>
        </div>
    </footer>
    <!-- 底部结束 -->
</body>

</html>
<!-- 引入jq -->
<script src="../lib/js/jquery.v1.12.4.js"></script>
<!-- 引入模板引擎 -->
<script src="../lib/js/art-template-web.js"></script>
<script type="text/template" id="categorytitle">
    {{each $data value}}
    <li class="category" index="{{value.titleId}}">
            <div class="categorytitle">
                <h4>{{value.title}}</h4>
                <span class="glyphicon glyphicon-menu-right"></span>
            </div>
            <div class="categorycon row"></div>
        </li>
        {{/each}}
</script>

<script type="text/template" id="categorycon">
    {{each $data value}}
    <a class="col-lg-4 col-md-4 col-sm-4 col-xs-4" href="javascript:;">{{value.category}}</a>
        {{/each}}
</script>

<!-- bootstrap  js -->
<script src="../lib/js/bootstrap/bootstrap.js"></script>
<script src="../js/font.js"></script>
<script src="../js/category.js"></script>